<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/contact.css">
    <!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=X08kSijsVFwR1ovraG48YPtzb0WK2B3r"></script> -->
    <title>联系我们</title>
</head>

<body>
    <div class="container-fluid">
        <!-- 头部导航条 -->
        <div class="row header">
            <div class="col-md-3">
                <!-- logo -->
                <img src="images/logo.png" alt="" class="logo">
            </div>
            <div class="col-md-9">
                <!-- 导航 -->
                <!-- 首页 经典案例 发现更多 售后服务 关于我们 联系我们 企业介绍 -->
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <!-- logo -->
                            <img src="images/logo.png" class="logo2" alt="">
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="classic_case.html">经典案例</a></li>
                                <li><a href="find.html">发现更多</a></li>
                                <li><a href="after_sale.html">售后服务</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li class="active"><a href="contact.html">联系我们</a></li>
                                <li><a href="introduce.html">企业介绍</a></li>
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                    <!--/.container-fluid -->
                </nav>
                <ul class="pull-right nav navbar2">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="classic_case.html">经典案例</a></li>
                    <li><a href="find.html">发现更多</a></li>
                    <li><a href="after_sale.html">售后服务</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li class="active"><a href="contact.html">联系我们</a></li>
                    <li><a href="introduce.html">企业介绍</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>

        <!-- 广告图 -->
        <img src="images/contactbg.jpg" alt="" class=" contact_adbg">


        <!-- 公司信息 -->
        <div class="compony">
            <div class="compony_info">
                <h1>公司位置</h1>
                <p>住进童话里的房子，做个天马行空的梦，船屋、帐篷、蘑菇屋和小木屋...</p>

                <div class="compony_med">
                    <a class="pull-left"><img src="images/contactlist11.jpg" alt="" class="img-responsive"></a>
                    <div class="contact_desc contact_desc1">
                        <h3>北京总部</h3>
                        <p>住进童话里的房子，做个天马行空的梦，船屋、帐篷、蘑菇屋和小木屋...住进童话里的房子，做个天马行空的梦，船屋、帐篷、蘑菇屋和小木屋...</p>
                        <button>查看详情</button>
                    </div>
                </div>
                <div class="clearfix"></div>


                <div class="compony_med">
                    <div class="contact_desc contact_desc2">
                        <h3>分公司</h3>
                        <p>住进童话里的房子，做个天马行空的梦，船屋、帐篷、蘑菇屋和小木屋...住进童话里的房子，做个天马行空的梦，船屋、帐篷、蘑菇屋和小木屋...</p>
                        <button>查看详情</button>
                    </div>
                    <a class="pull-right"><img src="images/contactlist2.jpg" alt=""></a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>


        <!-- 公司地址 -->
        <div class="compony-add">
            <!-- <img src="images/componyadd.jpg" alt="" class="img-responsive"> -->
            <!-- <div id="allmap"></div> -->
        </div>


        <!-- 联系我们表单 -->
        <div class="contact_form">
            <div class="contact_form_content">
                <h1>联系我们</h1>
                <p>
                    住进童话里的房子，做个天马行空的梦 ，船屋、帐篷、蘑菇屋和小木屋...住 进童话里的房子，做个天马行空的梦， 船屋、帐篷、蘑菇屋和小木屋...
                </p>

                <div class="row form">
                    <div class="col-xs-5 con-sm-4 col-md-4 left">
                        <h3>公司联系方式</h3>
                        <p><img src="images/contact_message.png" alt=""> HR@ibaotu.com</p>
                        <p><img src="images/contact_phone.png" alt=""> 000-999-9999</p>
                        <p><img src="images/contact_fax.png" alt=""> 000-999-9999</p>
                        <p><img src="images/contact_add.png" alt=""> 北京市海淀区止园路韩风街道9281号</p>
                        <p><img src="images/contact_worktime.png" alt=""> 工作时间 9：00-18：00</p>
                    </div>
                    <form action="" class="col-xs-7 con-sm-8 col-md-8 right">
                        <label for="uname">你的名字</label>
                        <input type="text" id="uname">
                        <label for="email">你的邮箱</label>
                        <input type="text" id="email">
                        <label for="concact_message">联系内容</label>
                        <textarea name="concact_message" id="concact_message" cols="30" rows="10"></textarea>
                        <input type="submit" value="提交留言" name="sub">
                    </form>
                </div>
            </div>
        </div>


        <!-- 底部法律备案信息 -->
        <div class="footer">
            <div class="footer_content">
                <div class="col-md-9 beian">
                    <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
                    <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
                    <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
                    <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
                </div>
                <div class="col-md-3 qrcode pull-right">
                    <ul>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>app下载</p>
                        </li>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>公众号</p>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- <script type="text/javascript">
        var mp = new BMap.Map("allmap");
        mp.centerAndZoom(new BMap.Point(116.3964, 39.9093), 10);
        mp.enableScrollWheelZoom();

        var canvasLayer = new BMap.CanvasLayer({
            update: update
        });

        function update() {
            var ctx = this.canvas.getContext("2d");

            if (!ctx) {
                return;
            }

            ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);

            var temp = {};
            ctx.fillStyle = "rgba(50, 50, 255, 0.7)";
            ctx.beginPath();
            var data = [
                new BMap.Point(116.297047, 39.979542),
                new BMap.Point(116.321768, 39.88748),
                new BMap.Point(116.494243, 39.956539)
            ];

            for (var i = 0, len = data.length; i < len; i++) {
                var pixel = mp.pointToPixel(data[i]);
                ctx.fillRect(pixel.x, pixel.y, 30, 30);
            }
        }
        mp.addOverlay(canvasLayer);
    </script> -->
</body>

</html>